/* goodsChoice组件样式 */
page {
    padding-bottom: 100rpx;
    box-sizing: border-box;
    background-color: #fcfaee !important;
}

view {
    box-sizing: border-box;
}

.goods_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20rpx;
    box-sizing: border-box;
}

.van-tabs {
    width: 100% !important;

    &__line {
        background-color: #312c2f !important;
    }
}

.custom-class {
    width: 100vw;
    height: 60rpx;
    display: flex;
    align-items: center;
}

.category-item {
    width: 160rpx;
    height: 60rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15rpx;
}

.category_pctr {
    width: 344rpx;
    background: #fcfaee;
    box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(185, 98, 33, 0.2);
    border-radius: 20rpx;
    margin-bottom: 30rpx;
}

.category_pic {
    width: 344rpx;
    height: 334rpx;
    border-radius: 20rpx 20rpx 0 0;
    position: relative;

    .bj {
        position: absolute;
        width: 335rpx;
        height: 335rpx;
        left: 0;
        bottom: 0;
    }

    image {
        width: 100%;
        height: 100%;
        border-radius: 20rpx 20rpx 0 0;
    }
}

.category_bottom {
    padding: 16rpx 16rpx 0;
    box-sizing: border-box;
    padding-bottom: 20rpx;
}

.yuanjia {
    .icon {
        font-weight: 500;
        font-size: 24rpx;
        color: #333333;
    }

    font-family: Alibaba PuHuiTi 2,
    Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 24rpx;
    color: #333333;
    margin: 8rpx 0;
    display: flex;
    align-items: baseline;

    .num {
        font-weight: 500;
        font-size: 36rpx;
        color: #333333;
    }

    .ordinary_price {
        margin-left: 10rpx;
        font-weight: 400;
        color: #999999;

        .icon {
            font-size: 22rpx;
        }

        .num {
            font-size: 24rpx;
            text-decoration: line-through;
        }
    }
}

.vip_price_box {
    display: flex;
    align-items: center;
    justify-content: space-between;


    .n_price {
        padding: 0 10rpx 0 20rpx;
        height: 42rpx;
        line-height: 42rpx;
        background: #f9800f;
        box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(185, 98, 33, 0.2);
        border-radius: 30rpx 4rpx 4rpx 4rpx;
        font-weight: 400;
        font-size: 24rpx;
        color: #fcfaee;
        margin-top: 6rpx;
        display: flex;

        text {
            margin-left: 20rpx;
            position: relative;

            &::after {
                content: "";
                display: block;
                width: 2rpx;
                height: 20rpx;
                background-color: #fcfaee;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -10rpx;
            }
        }
    }

    .cart_icon {
        width: 50rpx;
        height: 50rpx;

        image {
            width: 50rpx;
            height: 50rpx;
            border-radius: 50%;
        }
    }
}

.category_txt {
    height: 72rpx;
    background: #fcfaee;
    border-radius: 16rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 24rpx;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.vip {
    width: 80rpx;
    height: 32rpx;
    background: #312c2f;
    border-radius: 4rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 20rpx;
    color: #ffffff;
    line-height: 32rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 8rpx;

    text {
        background: linear-gradient(351.46958deg, #945d25 0%, #f1e8ad 51%, #aa8e5a 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.pay_box {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .pic_box {
        font-family:
            Alibaba PuHuiTi 2,
            Alibaba PuHuiTi 20;
        font-weight: 500;
        font-size: 22rpx;
        color: #312c2f;
        line-height: 52rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
        height: 40rpx;
        background: linear-gradient(97deg, #fadd9e 0%, #cda85a 100%);
        border-radius: 40rpx;
        display: flex;
        align-items: center;
        padding: 0 16rpx;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex: 1;

        .qian {
            font-size: 20rpx;
        }

        .line {
            margin: 0 10rpx;
            margin-top: -4rpx;
        }

        .huaxian {
            font-family:
                Alibaba PuHuiTi 2,
                Alibaba PuHuiTi 20;
            font-weight: 400;
            font-size: 20rpx;
            color: #999999;
            line-height: 32rpx;
            text-align: left;
            font-style: normal;
            text-decoration-line: line-through;
            text-transform: none;
        }
    }
}

.pay_btn {
    width: 90rpx;
    height: 40rpx;
    background: #312c2f;
    border-radius: 40rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 22rpx;
    color: #fadd9e;
    line-height: 40rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.scroll_view {
    height: 1300rpx;
}